.ulBox {
    height: 30px;
    line-height: 30px;
    display: flex;
    justify-content: space-around;
    list-style: none;


}

.ulBox>li.active {
    color: white;
    background-color: skyblue;
}

.listBox {
    display: flex;
    border-bottom: 1px solid #ccc;
    padding: 10px;


}

.listBox>.left {
    flex: 2;
    width: 100px;
    border-radius: 50%;
}

.listBox>.right {
    flex: 5;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-left: 40px;


}

.inputList {
    display: flex;
    height: 100px;
    overflow: hidden;
}

input {
    flex: 5;
}

button {
    flex: 2;
}

img {
    border-radius: 50%;
    width: 100px;



}